<template>
    <div class="particulars">
        <el-dialog
        title="详情"
        :center="true"
        :visible.sync="particularsDialogVisible"
        width="30%"
        :before-close="cancel">
         <el-descriptions class="margin-top" :column="2" :colon="false">
            <el-descriptions-item v-for="(day,index) in dayList"  :key="index" :label="day">
                   <div v-show="stateList[index] == '0'">正常</div>
                    <div v-show="stateList[index] == '1'">调休</div>
                    <div v-show="stateList[index] == '2'">请假</div>
            </el-descriptions-item>
        </el-descriptions>
        <span slot="footer" class="dialog-footer">
            <el-button @click="cancel">取 消</el-button>
            <el-button type="primary" @click="determine">确 定</el-button>
        </span>
        </el-dialog>
    </div>
</template>
<script>
    export default{
        name:'Particulars',
        props:['particularsDialogVisible','dayList','stateList'],
        data(){
           return{
           }
        },
        methods:{
            // 取消按钮
            cancel(){
                this.$emit('cancel',false)
            },
            // 确定按钮
            determine(){
                this.$emit('determine',false)
            }
        }
    }
</script>
<style lang="scss" scoped>
</style>